<!--
Author: W3layouts
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
-->
<!DOCTYPE html>
<html lang="en">
<head>
<title>食得爽-好吃又实惠</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content=" Bakery In Responsive web template, Bootstrap Web Templates, Flat Web Templates, Android Compatible web template, 
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, Sony Ericsson, Motorola web design" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false);
		function hideURLbar(){ window.scrollTo(0,1); } </script>
		
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all" /><!-- bootstrap css -->
<link href="css/services.css" rel="stylesheet" type="text/css" media="all" /><!-- services css -->
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />

<link href="css/font-awesome.css" rel="stylesheet"><!-- fontawesome css --> 
<!--fonts-->
<link href="css/css1.css" rel="stylesheet" type="text/css">
<link href="css/css2.css" rel="stylesheet">
<!--//fonts-->

</head>
<body>

	<!-- header -->
	<div class="header" id="home">
		<div class="content white">
			<nav class="navbar navbar-default" role="navigation">
				<div class="container">
					<div class="navbar-header">
						<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
					<span class="sr-only">Toggle navigation</span>
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
				</button>
						<a class="navbar-brand" href="index.html">
							<h1>食得爽</h1>
						</a>
					</div>
					<!--/.navbar-header-->
					<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
						<nav>
							<ul class="nav navbar-nav">
								<li><a href="index.html">主页</a></li>
								<li><a href="about.html">关于 </a></li>
								<li><a href="services.html" class="active">服务</a></li>
								<li><a href="gallery.html">食谱</a></li>
								<li><a href="contact.html">联系方式</a></li>
							</ul>
						</nav>
					</div>
					<!--/.navbar-collapse-->
					<!--/.navbar-->
				</div>
			</nav>
		</div>
	</div>
	<!-- //header -->

<!-- innerpages_banner -->
	<div class="innerpages_banner">
		<h2>服务</h2>
	</div>
<!-- //innerpages_banner -->

<!-- Services -->
<div class="popular-section-wthree ">
	<div class="container">	
			<h3 class="heading">我们的服务</h3>
				<div class="service_top_grids">
					<div class="col-md-4 service-grid1">
						<p><span>服务态度：因为食客很多，经常要排队，餐厅就免费饮料、零食和水果。并且服务员来自五湖四海，可以找老乡服务，态度很热情， 服务周到。用餐者进店入座，及时准备茶水，认真听取顾客点餐，上菜要及时、准确。</span></p>
					</div>
					<div class="col-md-4 service-grid1">
						<img src="images/g2.jpg" alt="service_image" />
					</div>
					<div class="col-md-4 service-grid1">
						<p><span>选择自由：所有的菜品都是可以叫半份的，半份半价。这样就可以品尝更多种类的食品了，而且价格不高。<br>
					    面向的全校学生8.8折优惠是周一至周五，具体打折时间为：周一到周五每天14：00-17：00；周六周日全天可享受9折优惠。</span></p>
					</div>
					<div class="clearfix"> </div>
				</div>
				<div class="popular-agileinfo">
					<div class="col-md-3 popular-grid">
						<i class="fa fa-birthday-cake" aria-hidden="true"></i>
						<h4>Order</h4>
						<p>&nbsp;</p>
					</div>
					<div class="col-md-3 popular-grid">
						<i class="fa fa-spoon" aria-hidden="true"></i>
						<h4>Online Sevice</h4>
						<p>&nbsp;</p>
					</div>
					<div class="col-md-3 popular-grid popular-grid-bottom">
						<i class="fa fa-cutlery" aria-hidden="true"></i>
						<h4>Order food online</h4>
						<p>&nbsp;</p>
					</div>
					<div class="col-md-3 popular-grid">
						<i class="fa fa-bed" aria-hidden="true"></i>
						<h4>Comment</h4>
						<p>&nbsp;</p>
					</div>
					<div class="clearfix"> </div>
				</div>
	</div>
</div>
<!-- //Services -->

<!-- banner-bottom -->
	<div class="col-md-7 bannerbottomleft">
		
	</div>
	<div class="col-md-5 bannerbottomright banner-bottom mid-section-agileits">
	  <h3>味道地道，特色突出。食得爽提供多种食谱供大家选择，有双皮奶、姜撞奶、豆腐花、龟苓膏、海带绿豆沙、芝士蛋糕、雪糕、芝士蛋糕、西米捞、杨枝甘露、砵仔糕、鸡蛋仔等甜品、麻辣火锅、鸳鸯火锅、番茄火锅，菌汤锅等火锅，牛肉、鸡肉、猪肉、羊肉等肉食，以及多种多样的早点。价格优惠，入店不亏。店内设有自助调料台，有约20余种调料，您根据自己的口味喜好，任意调配。</h3>
	</div>
	<div class="clearfix"></div>
<!-- //banner-bottom -->

<!-- stats -->
	<div class="stats" id="stats">
	    <div class="container"> 
		<h3 class="heading">统计</h3>
			<div class="inner_w3l_agile_grids">
		<div class="col-md-3 w3layouts_stats_left w3_counter_grid">
		   	<i class="fa fa-birthday-cake" aria-hidden="true"></i>
			<p class="counter">45</p>
			<h3>日分享量</h3>
		</div>
		<div class="col-md-3 w3layouts_stats_left w3_counter_grid1">
		   <i class="fa fa-trophy" aria-hidden="true"></i>
			<p class="counter">165</p>
			<h3>得奖数</h3>
		</div>
		<div class="col-md-3 w3layouts_stats_left w3_counter_grid2">
		
		 <i class="fa fa-smile-o" aria-hidden="true"></i>
			<p class="counter">563</p>
			<h3>好评数</h3>
		</div>
		<div class="col-md-3 w3layouts_stats_left w3_counter_grid3">
		<i class="fa fa-cogs" aria-hidden="true"></i>
			<p class="counter">580</p>
			<h3>日销量</h3>
		</div>
		<div class="clearfix"> </div>
	</div>s
   </div>	
</div>
<!-- //stats -->


<!-- subscribe -->
<div class="subscribe">
	<div class="container">
		<h3 class="heading">订阅获取通知</h3>
		<div class="subscribe-grid">
			<form action="#" method="post">
				<input type="email" placeholder="请输入您的电子邮件" name="email" required>
				<button class="btn1"><i class="fa fa-paper-plane-o" aria-hidden="true"></i></button>
			</form>
		</div>
	</div>
</div>
<!-- //subscribe -->

<!-- footer -->
	<div class="footer">
		<div class="container">
			<div class="w3_agile_footer_grids">
				<ul class="col-md-3 col-xs-6 w3_agile_footer_grid right">
					<h3>营业时间</h3>
					<li><span class="fa fa-clock-o" aria-hidden="true"></span>星期一 <span>9:00 - 14:00</span></li>
					<li><span class="fa fa-clock-o" aria-hidden="true"></span>星期二 <span>9:00 - 14:00</span></li>
					<li><span class="fa fa-clock-o" aria-hidden="true"></span>星期三 <span>9:00 - 14:00</span></li>
					<li><span class="fa fa-clock-o" aria-hidden="true"></span>星期四 <span>9:00 - 14:00</span></li>
					<li><span class="fa fa-clock-o" aria-hidden="true"></span>星期五 <span>9:00 - 14:00</span></li>
					<li><span class="fa fa-clock-o" aria-hidden="true"></span>星期六 <span>9:00 - 14:00</span></li>
					<li><span class="fa fa-clock-o" aria-hidden="true"></span>星期日 <span>休息</span></li>
				</ul>
				<div class="col-md-3 col-xs-6 w3_agile_footer_grid">
					<h3>导航</h3>
					<ul class="agileits_w3layouts_footer_grid_list">
						<li>
							<span class="fa fa-angle-double-right" aria-hidden="true"></span>
							<a href="index.html">主页</a>
						</li>
						<li>
							<span class="fa fa-angle-double-right" aria-hidden="true"></span>
							<a href="about.html">关于</a>
						</li>
						<li>
							<span class="fa fa-angle-double-right" aria-hidden="true"></span>
							<a href="services.html">服务</a>
						</li>
						<li>
							<span class="fa fa-angle-double-right" aria-hidden="true"></span>
							<a href="gallery.html">食谱</a>
						</li>
						<li>
							<span class="fa fa-angle-double-right" aria-hidden="true"></span>
							<a href="contact.html">联系方式</a>
						</li>
					</ul>
				</div>
				<div class="col-md-3 col-xs-6 w3ls_address_mail_footer_grids w3_agile_footer_grid">
					<h3>联系方式</h3>
					<div class="w3ls_footer_grid_left">
						<div class="w3l-icon">
							<span class="fa fa-map-marker" aria-hidden="true"></span>
						</div>
						<p>广东省中山市广东理工职业学院<span>.</span>
						</p>
						<div class="clearfix"></div>
					</div>
					<div class="w3ls_footer_grid_left">
						<div class="w3l-icon">
							<span class="fa fa-phone" aria-hidden="true"></span>
						</div>
						<p>+(112) 123 456 789</p>
						<div class="clearfix"></div>
					</div>
					<div class="w3ls_footer_grid_left">
						<div class="w3l-icon">
							<span class="fa fa-envelope-o" aria-hidden="true"></span>
						</div>
						<p>
						<a href="mailto:info@example.com">asdl@qq.com</a></p>
						<div class="clearfix"></div>
					</div>
				</div>
				<div class="col-md-3 col-xs-6 w3_agile_footer_grid">
					<h3>Instagram Posts</h3>
					<div class="w3_agileits_footer_grid_left">
						<a href="#">
							<img src="images/post1.jpg" alt=" " class="img-responsive" />
						</a>
					</div>
					<div class="w3_agileits_footer_grid_left">
						<a href="#">
							<img src="images/post2.jpg" alt=" " class="img-responsive" />
						</a>
					</div>
					<div class="w3_agileits_footer_grid_left">
						<a href="#">
							<img src="images/post3.jpg" alt=" " class="img-responsive" />
						</a>
					</div>
					<div class="w3_agileits_footer_grid_left">
						<a href="#">
							<img src="images/post4.jpg" alt=" " class="img-responsive" />
						</a>
					</div>
					<div class="w3_agileits_footer_grid_left">
						<a href="#">
							<img src="images/post5.jpg" alt=" " class="img-responsive" />
						</a>
					</div>
					<div class="w3_agileits_footer_grid_left">
						<a href="#">
							<img src="images/post6.jpg" alt=" " class="img-responsive" />
						</a>
					</div>
					<div class="clearfix"> </div>
				</div>
				<div class="clearfix"> </div>
			</div>
			<div class="agileinfo_copyright">
				<p>© 2021 meishi | yinxingfuhaozuzhi</p>
			</div>
		</div>
	</div>
<!-- //footer -->

<!-- Supportive js -->
<script type="text/javascript" src="js/jquery-2.1.4.min.js"></script>
<!-- //Supportive js -->

<!-- stats -->
	<script src="js/jquery.waypoints.min.js"></script>
	<script src="js/jquery.countup.js"></script>
		<script>
			$('.counter').countUp();
		</script>
<!-- //stats -->

<!-- smooth scrolling js -->
<script src="js/SmoothScroll.min.js"></script>
<!-- smooth scrolling js -->

<!-- start-smooth-scrolling -->
<script type="text/javascript" src="js/move-top.js"></script>
<script type="text/javascript" src="js/easing.js"></script>
<script type="text/javascript">
	jQuery(document).ready(function($) {
		$(".scroll").click(function(event){		
			event.preventDefault();
			$('html,body').animate({scrollTop:$(this.hash).offset().top},1000);
		});
	});
</script>

	<!-- here starts scrolling icon -->
	<script type="text/javascript">
		$(document).ready(function() {
			/*
				var defaults = {
				containerID: 'toTop', // fading element id
				containerHoverID: 'toTopHover', // fading element hover id
				scrollSpeed: 1200,
				easingType: 'linear' 
				};
			*/
								
			$().UItoTop({ easingType: 'easeOutQuart' });
								
			});
	</script>
	<!-- //here ends scrolling icon -->

<!-- move to top-js-files -->
	<script type="text/javascript" src="js/move-top.js"></script>
	<script type="text/javascript" src="js/easing.js"></script>
<!-- //move to top-js-files -->

<script type="text/javascript" src="js/bootstrap.js"></script><!-- bootstrap js file -->

</body>
</html>